body {
  position: relative;
  height: 100%;
}

main {

  .smallNav {
      padding: 0 .2rem;
      display: flex;
      justify-items: center;
      height: .8rem;
      flex-wrap: nowrap;
      overflow: auto;

      li {
          flex-shrink: 0;
          width: .7rem;
          height: .35rem;
          line-height: .35rem;

          a {
              color: #333;
              font-size: .14rem;
          }

          &.cur {
              >a {
                  color: red;
              }
          }
      }
  }

  .productLis {
      margin-top: .05rem;
      background-color: #f1f1f1;

      >li {
          background-color: #fff;
          height: 3.7333rem;
          padding: .05rem;
          padding-bottom: .1rem;
          margin-bottom: .08rem;

          a {
              display: flex;
              height: 100%;
              color: #333;

              .img {
                  width: 2.6667rem;
                  // height: 2.6667rem;
                  border-radius: .1rem;
                  overflow: hidden;

                  img {
                      width: 100%;
                  }
              }

              .content {
                  margin-left: .05rem;
                  flex: 1;
                  display: flex;
                  flex-direction: column;
                  justify-content: space-between;

                  h3 {
                      color: #333;
                      font-size: .16rem;
                      height: .38rem;
                      overflow: hidden;
                  }

                  .category {
                      padding: .05rem;
                      color: brown;
                      font-weight: 900;
                      font-size: .18rem;

                      del {
                          font-size: .12rem;
                          margin-left: .1rem;
                          color: #333;
                      }
                  }

                  .load {
                      display: flex;
                      padding: .05rem;
                      font-size: .12rem;
                      height: .4rem;
                      line-height: .2rem;

                      .loadRed {
                          position: relative;
                          text-align: center;
                          color: #fff;
                          width: 50%;
                          border: .01rem solid brown;
                          border-radius: .3rem;

                          >span {
                              position: absolute;
                              left: -.05rem;
                              top: -.01rem;
                              border-radius: .3rem;
                              display: block;
                              // text-align: left;
                              background-color: brown;
                              width: 10%;
                              border: 0;
                          }
                      }

                      span {
                          margin-left: .05rem;
                          width: 50%;
                      }
                  }

                  .down {
                      padding: .05rem;
                      display: flex;
                      height: .32rem;

                      .coupon {
                          width: 65%;
                          text-align: center;
                          font-size: .12rem;
                          line-height: .32rem;
                          height: .32rem;
                          border: .01rem brown dashed;
                      }

                      #down {
                          background-color: brown;
                          border-radius: .2rem;
                          border: 0;
                          height: .32rem;
                          margin-left: .15rem;
                          width: 35%;
                          font-size: .2rem;
                          color: #fff;
                          line-height: .32rem;
                      }
                  }
              }
          }
      }
  }

  .proFoot {
      padding: .1rem;

      .moreMes {
          width: 100%;
          height: .32rem;
          border: 0;
          background-color: brown;
          border-radius: .1rem;
          font-size: .16rem;
          color: #fff;
      }
  }
}